// src/plugins/axios.js
import Vue from 'vue';
import axios from 'axios';
import VueAxios from 'vue-axios';

// 创建一个 axios 实例
const instance = axios.create({
  baseURL: 'http://localhost:8081/api', // 基础URL，可以根据需要修改
  timeout: 10000, // 请求超时时间
});

// 请求拦截器
instance.interceptors.request.use(
  config => {
    // 可以在这里添加全局的请求头，如token
    const token = localStorage.getItem('token');
    if (token) {
      config.headers['Authorization'] = `Bearer ${token}`;
    }
    return config;
  },
  error => {
    // 请求错误处理
    return Promise.reject(error);
  }
);

// 响应拦截器
instance.interceptors.response.use(
  response => {
    // 可以在这里处理全局的响应
    return response;
  },
  error => {
    // 响应错误处理
    if (error.response) {
      switch (error.response.status) {
        case 401:
          // 未授权，清除token并跳转到登录页面
          localStorage.removeItem('token');
          Vue.prototype.$message.error('未授权，请重新登录');
          // 跳转到登录页面
          Vue.prototype.$router.push('/login');
          break;
        case 403:
          // 禁止访问
          Vue.prototype.$message.error('没有权限');
          break;
        case 404:
          // 资源未找到
          Vue.prototype.$message.error('请求资源不存在');
          break;
        default:
          Vue.prototype.$message.error('服务器错误');
      }
    }
    return Promise.reject(error);
  }
);

// 将 axios 实例挂载到 Vue 原型上
Vue.use(VueAxios, instance);

export default instance;
